﻿@{
    var user = ViewContext.HttpContext.Request.Cookies["login_info"];

    var lang = ViewBag.Language as JESAI.HttpRequestMonitor.Dashboard.Services.Language.ILanguage;

}

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>HttpRequestMonitor</title>

    <link href="/HttpRequestMonitorStaticFiles/Content/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/HttpRequestMonitorStaticFiles/Content/assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="/HttpRequestMonitorStaticFiles/Content/assets/css/jquery.mmenu.css" rel="stylesheet" />
    <link id="theme" href="/HttpRequestMonitorStaticFiles/Content/assets/css/style.min.css?ver=1.0.4" rel="stylesheet">
    <link href="/HttpRequestMonitorStaticFiles/Content/assets/css/add-ons.min.css?ver=1.0.4" rel="stylesheet">
    <link href="/HttpRequestMonitorStaticFiles/Content/bootstrap/bootstrap-switch/3.3.4/bootstrap-switch.css" rel="stylesheet" />


    <link class="theme" id="theme_light" href="/HttpRequestMonitorStaticFiles/Content/css/theme/light.css?ver=1.0.4" rel="stylesheet" />
    <link class="theme" id="theme_dark" href="/HttpRequestMonitorStaticFiles/Content/css/theme/dark.css?ver=1.0.4" rel="stylesheet" />
    <link href="/HttpRequestMonitorStaticFiles/Content/css/animate/3.5.2/animate.min.css" rel="stylesheet" />


    <script src="/HttpRequestMonitorStaticFiles/Content/assets/js/jquery-2.1.1.min.js"></script>
    <script src="/HttpRequestMonitorStaticFiles/Content/js/jquery.cookie.js"></script>
    <script src="/HttpRequestMonitorStaticFiles/Content/assets/js/jquery.mmenu.min.js"></script>
    <script src="/HttpRequestMonitorStaticFiles/Content/assets/js/core.min.js?ver=1.0.4"></script>
    <script src="/HttpRequestMonitorStaticFiles/Content/bootstrap/bootstrap-table/1.14.2/bootstrap-table.js"></script>

    <script src="/HttpRequestMonitorStaticFiles/Content/assets/js/bootstrap-table-zh-CN.js"></script>
    <script src="/HttpRequestMonitorStaticFiles/Content/bootstrap/bootstrap-switch/3.3.4/bootstrap-switch.js"></script>


    <script src="/HttpRequestMonitorStaticFiles/Content/assets/js/bootstrap.min.js"></script>


    <script src="/HttpRequestMonitorStaticFiles/Content/echarts/4.3.0/echarts.min.js"></script>
    <script src="/HttpRequestMonitorStaticFiles/Content/echarts/4.3.0/macarons.js"></script>
    <script src="/HttpRequestMonitorStaticFiles/Content/echarts/4.3.0/dark.js"></script>

    <link href="/HttpRequestMonitorStaticFiles/Content/busyload/app.css?ver=1.0.4" rel="stylesheet" />
    <script src="/HttpRequestMonitorStaticFiles/Content/busyload/app.js?ver=1.0.4"></script>

    <!-- CSS 引入 -->
    <script src="/HttpRequestMonitorStaticFiles/Content/laydate/laydate.js"></script>

    <script src="/HttpRequestMonitorStaticFiles/Content/assets/js/jquery.goup.js"></script>

    <link href="/HttpRequestMonitorStaticFiles/Content/alert/alert.css?ver=1.0.4" rel="stylesheet" />

    <script src="/HttpRequestMonitorStaticFiles/Content/alert/alert.js?ver=1.0.4"></script>
    <script src="/HttpRequestMonitorStaticFiles/Content/js/bootstrap-treeview.js?ver=1.0.4"></script>


    <link href="/HttpRequestMonitorStaticFiles/Content/message/message.css" rel="stylesheet" />
    <script src="/HttpRequestMonitorStaticFiles/Content/message/message.js"></script>

    <script>  var lang = JSON.parse('@(Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(lang)))');   </script>

    <script src="/HttpRequestMonitorStaticFiles/Content/common/basic.js?ver=1.0.4"></script>
    <link href="/HttpRequestMonitorStaticFiles/Content/common/basic.css?ver=1.0.4" rel="stylesheet" /> 


    <script src="/HttpRequestMonitorStaticFiles/Content/page/main.js?ver=1.0.4"></script>


    <link rel="icon" href="/HttpRequestMonitorStaticFiles/Content/assets/img/img.ico" type="image/x-icon" />

</head>

<body>

    <!-- start: Header -->
    <div class="navbar" role="navigation">

        <div class="container-fluid">

            <ul class="nav navbar-nav navbar-actions navbar-left">
                <li class="visible-md visible-lg"><a href="#" style="padding:0 10px;" id="main-menu-toggle"><i class="fa fa-th-large"></i></a></li>
                <li class="visible-xs visible-sm"><a href="#" id="sidebar-menu"><i class="fa fa-navicon"></i></a></li>
            </ul>

            <ul class="nav navbar-nav navbar-right">

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i style="margin-top:24px;" class="fa fa-language"></i></a>
                    <ul class="dropdown-menu update-menu" role="menu">
                        <li>
                            <a data-key="English" onclick="ChangeLanguage(this)"> English </a>
                        </li>
                        <li>
                            <a data-key="Chinese" onclick="ChangeLanguage(this)"> 中文</a>
                        </li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-dashboard"></i></a>
                    <ul class="dropdown-menu update-menu" role="menu">
                        <li>
                            <a data-key="light" onclick="ChangeTheme(this)"><i class="fa fa-sun-o"></i> @lang.Template_Light </a>
                        </li>
                        <li>
                            <a data-key="dark" onclick="ChangeTheme(this)"><i class="fa fa-moon-o"></i> @lang.Template_Dark </a>
                        </li>
                    </ul>
                </li>

                <li class="dropdown" style="margin-right:20px">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
                    <ul class="dropdown-menu update-menu" role="menu">
                        <li>
                            <a>admin</a>
                        </li>
                        <li>
                            <a onclick="show_password_modal()"> @lang.Template_EditAccount </a>
                        </li>
                        <li>
                            <a href="/HttpRequestMonitor/UserLogOut"> @lang.Template_Logout </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- end: Header -->

    <div class="container-fluid content">

        <div class="row">

            <!-- start: Main Menu -->
            <div class="sidebar">

                <div class="sidebar-collapse">
                    <div class="sidebar-header t-center">
                        <a id="logo_title" href="/HttpRequestMonitor" class="logo_title animated pulse infinite slow" style="line-height: 44px; margin-left: 48px;  font-size: 18px;text-align:center;float:left;font-weight:bold;color:#FFF;text-decoration: none">HttpRequestMonitor</a>
                    </div>
                    <div class="sidebar-menu">

                        <ul class="nav nav-sidebar">

                            <li data-title="HomePage1" class="meun1"><a href="/HttpRequestMonitor/Index"><i class="fa fa-laptop"></i><span class="text">@lang.Menu_BasicData</span></a></li>

                            <li data-title="HomePage1" class="meun1"><a href="/HttpRequestMonitor/Trend"><i class="fa fa-bar-chart-o"></i><span class="text">@lang.Menu_TrendData</span></a></li>

                            <li data-title="HomePage1" class=""><a href="/HttpRequestMonitor/Detail"><i class="fa fa-bars"></i><span class="text">@lang.Menu_RequestList</span></a></li>

                            <li data-title="HomePage1" class=""><a href="/HttpRequestMonitor/Monitor"><i class="fa fa-rocket"></i><span class="text">@lang.Menu_Monitor</span></a></li>
                        </ul>
                    </div>
                </div>
                <div class="sidebar-footer">
                </div>
            </div>
            <!-- end: Main Menu -->
            <!-- start: Content -->
            <div class="main" style="width:98%;margin:20px auto">

                @RenderBody()
            </div>

            <!-- end: Content -->
            <br>

            <p class="footer-copyright" style="text-align:center;font-size:14px">HttpRequestMonitor</p>
            <br><br>
        </div><!--/container-->
    </div>


    <div class="modal fade userModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <span class="modal-title">@lang.Template_EditAccount</span>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>@lang.Login_UserName</label>
                        <input autocomplete="new-password" type="text" class="form-control update_username">
                    </div>
                    <div class="form-group">
                        <label>@lang.Index_OldPwd</label>
                        <input autocomplete="new-password" type="password" class="form-control update_oldpwd">
                    </div>
                    <div class="form-group">
                        <label>@lang.Index_NewPwd</label>
                        <input autocomplete="new-password" type="password" class="form-control update_newpwd">
                    </div>
                    <button style="width:100%" type="submit" onclick="update_password()" class="btn btn-info">@lang.Index_UserSave</button>
                </div> 
            </div>
        </div>
    </div>


    <div class="clearfix"></div>

    <input type="hidden" id="meun" value="@(ViewData["menu"] == null ? "HomePage":ViewData["menu"] )" /> 

</body>
</html>